<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签</title>
</head>
<body>
    <h1>有序列表标签</h1>
    <ol>
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>桃子</li>
    </ol>
    <hr color="blue" size="20">
    <ol type="A">
        <li>
            不良人
        <ol>
            <li>袁天罡</li>
            <li>李星云</li>
            <li>上官云雀</li>
            <li>三千院</li>
            <li>洛小北</li>
        </ol>
    </li>
        <li>
            漠北
        <ol>
            <li>奥古</li>
            <li>述里朵</li>
            <li>耶律阿保机</li>
            <li>东单王</li>
        </ol>
    </li>
        <li>
            尸祖
        <ol>
            <li>阿姐</li>
            <li>将臣</li>
            <li>侯卿</li>
            <li>旱魃</li>
    </li>
    </ol>
</ol>
    <hr color="red" size="20">
    <p>总结</p>
    <p>
        1.有序列表标签是用ol标签来表示的<br>
        2.有序列表标签中可以嵌套有序列表标签<br>
        3.有序列表标签中可以嵌套无序列表标签<br>
    </p>
    <h1>无序列表标签</h1>
    <ul>
        <li>
            不良人
        <ul>
            <li>袁天罡</li>
            <li>李星云</li>
            <li>上官云雀</li>
            <li>三千院</li>
            <li>洛小北</li>
        </ul>
    </li>
        <li>
            漠北
        <ul>
            <li>奥古</li>
            <li>述里朵</li>
            <li>耶律阿保机</li>
            <li>东单王</li>
        </ul>
        </li>
    </ul>
    <hr color="green" size="20">
    <h2>无序标签Type属性</h2>
    <p>disc默认实心圆</p>
    <p>circle空心圆</p>
    <p>square小方块</p>
    <p>none不显示</p>
    <hr color="black" size="20">
    <ul type="disc">
        <li>蚩梦</li>
        <li>姬如雪</li>
        <li>奥姑</li>
    </ul>
    <p>快捷键ul->li*n,n代表需要的无序列表条数</p>
    <ul->
        <li>小米</li>
        <li>腾讯</li>
        <li>网易</li>
        <li>华为</li>
    </ul->

</body>
</html>